/*适配*/
.inner-banner{background-position:center center; background-repeat:no-repeat;}
.inner-banner .wrap{ width:100%;}
.inner-banner img{opacity:0;filter:Alpha(opacity=0); width:100%;}

/*仅用于PC的效果*/
@media screen and (min-width: 1311px) {
    .nav-list:hover .nav-a{color: #095e34;}
    .nav-list:hover .nav-a-line{width: 100%;}
    .fl-ul li a:hover{color: #fff;}

    .header-vip a:hover{color: #095e34;}
    .ip-box:hover .ip-box-con h4{color: #095e34;}
    .ip-box:hover .ip-box-img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
    .ip-next:hover{background: url("http://www.hansmotion.com/stat/images/ip-next-on.png") no-repeat;}
    .ip-prev:hover{background: url("http://www.hansmotion.com/stat/images/ip-prev-on.png") no-repeat;}

    .in-big:hover .in-big-img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
    .ins-box:hover .ins-box-p h4{ color: #095e34;}
    .inner-link a:hover{color: #077312;border-bottom: 2px solid #077312;}
    .ade-list:hover .ade-box{box-shadow: 0 0 30px rgba(0,0,0,0.1);}
    .ade-list:hover .ade-point{background: url("http://www.hansmotion.com/stat/images/ade-point-on.png") no-repeat center center;}

    .product-box:hover .product-box-img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
    .product-box:hover p{color: #077312;}
    .page a:hover{background-color: #077312;color: #fff;border: 1px solid #077312;}
    .pd-bot-type span:hover{background-color: #077312;color: #fff;}


    .app-box1:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app1-on.png") no-repeat center center;
    }
    .app-box2:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app2-on.png") no-repeat center center;
    }
    .app-box3:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app3-on.png") no-repeat center center;
    }
    .app-box4:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app4-on.png") no-repeat center center;
    }
    .app-box5:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app5-on.png") no-repeat center center;
    }
    .app-box6:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app6-on.png") no-repeat center center;
    }
    .app-box7:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app7-on.png") no-repeat center center;
    }
    .app-box8:hover .app-box-icon{
        background: url("http://www.hansmotion.com/stat/images/app8-on.png") no-repeat center center;
    }

    .app-box:hover{background-color: #077312;}
    .app-box:hover h4{color: #fff;}
    .app-box:hover p{color: #fff;}

    .news-box:hover .news-box-more{border: 1px solid #077312;background-color: #077312;color: #fff;}
    /*.news-box:hover .news-box-img img{-webkit-transform: scale(1.1);transform: scale(1.1);}*/

    .nd-pn-p a:hover{color: #095e34;}

    .sqb-question:hover p{color: #077312;}
    .sqb-question:hover .sqb-icon{background: url("http://www.hansmotion.com/stat/images/sqb-icon-on.png") no-repeat center center;}
    .news-box:hover .news-box-title{color: #095e34;}

    .cj-box:hover{background-color: #077312;}
    .cj-box:hover .cj-box-title{color: #fff;}
    .cj-box:hover td{color: #fff;}
    .cj-box:hover .cj-box-date{color: #fff;}

    .lci-p a:hover{color: #077312;}

    .ah-box:hover p{color: #077312;}
	
	


}


@media screen and (max-width: 1300px) {
.inner-banner{ height:auto;background-size:140% auto; }
}



/*平板适配*/
@media screen and (min-width: 761px) and (max-width: 1310px){
    .wrap{width: 92%;}

    .nav{display: none;}
    .header-lang{display: none;}
    .header-vip{margin-top: 0;}
    .phone-hc{display: block;}
    .footer-list-title{font-size: 14px;}
    .fl-ul li a{font-size: 12px;}
    .fl-ul{padding-top: 10px;}

    .footer-copyright{text-align: center;}
    .footer-copyright1{float: none;}
    .footer-copyright2{float: none;}
    .inner-nav{display: none;}

    .ade-con{width: 71%;}
    .pd-img{width: 50%;}
    .pd-info{width: 46%}

    .app-box{width: 23.4%;}
    .app-box h4{font-size: 18px;}
    .app-box p{font-size: 12px;}

    .news-box-img{width: 27%;}
    .news-box-con{width: 69%;}

    .video-c{width: 600px;margin-left: -300px;}

    .sqb-question{width: 86%;}
    .sqb-con{width: 86%;}

    .contact-map{float: none;width: 100%;}
    .contact-way{float: none;width: 100%;}
    .contact-way-box{padding: 0;}
    .contact-con{border: none;}
    .pd-select{display: none;}

    .business-c{top: 20%;bottom: 20%;left: 10%;right: 10%;margin-left: 0;margin-top: 0;width: auto;height: auto;}

    .login-content{float: none;margin: 80px auto 0;}

    .index-banner .swiper-container{height: 320px;}




}

/*平板竖屏适配*/
@media screen and (min-width: 761px) and (max-width: 1000px){
    .in-big{float: none;width: 89%;padding: 5%;}
    .in-small{float: none;width: 100%;margin-top: 20px;}
    .ade-con{width: 62%;}
    .pdm-input2{width: 80%;}
    .pdm-verf{width: 20%;}

    .news-box-img{width: 35%;}
    .news-box-con{width: 62%;}

    .pd-info-list{margin-top: 12px;}
    .pd-info-list li{padding: 6px 0;}

    .cj-idea{float: none;width: 100%}
    .cj-process{float: none;width: 100%;margin-top: 40px;}
    .cj-box{width: 43%;}

}







/*手机适配*/
@media screen and (max-width: 760px){
    .wrap{width: 92%;}

    .header-content{height: 70px;}
    .nav{display: none;}
    .header-lang{display: none;}
    .header-vip{margin-top: 0;margin-right: 0;}
    .phone-nav-icon{height: 32px;background-size: 26px 20px;}
    .header-logo{width: 84px;margin-top: 10px;}
    .phone-hc{display: block;}
    .phone-menu{top: 70px; }

    .footer-content{display: none;}
    .footer-list-title{font-size: 14px;}
    .fl-ul li a{font-size: 12px;}
    .fl-ul{padding-top: 10px;}
    .footer-copyright{text-align: center;/*position: absolute;bottom: 0px;*/}
    .footer-copyright1{float: none;}
    .footer-copyright2{float: none;}

    .index-product-content{padding-top: 10px;}
    .in-big{float: none;width: 89%;padding: 5%;}
    .in-small{float: none;width: 100%;margin-top: 20px;}
    .ip-list{width: 100%;float: none;margin-left: 0;margin-top: 10px;}
    .index-banner .swiper-container{height: 170px;}
    .index-banner .pagination{bottom: 6px;}
    .index-banner .swiper-pagination-switch{background-size: 10px 10px;margin: 0 4px;}
    .ip-box-con{height: 70px;}
    .ip-box-con h4{font-size: 16px;padding-top: 10px;}
    .ip-box-con p{font-size: 12px;margin-top: 0;}
    .ip-tip{width: 60px;height: 60px;line-height: 60px;}
    .ip-tip p{width: 38px;font-size: 14px;line-height: 20px;}
    .ip-prev{bottom: 70px;}
    .ip-next{bottom: 70px;}
    .in-big-con{padding-top: 10px;}
    .in-big-con h4{font-size: 14px;}
    .in-big-con p{font-size: 12px;line-height: 18px;height: 36px;margin-top: 2px;}
    .ins-box-date{width: 70px;height: 50px;}
    .ins-box-date h4{font-size: 22px;}
    .ins-box-date p{font-size: 12px;}
    .ins-box-p{padding-top: 0;}
    .ins-box-p h4{font-size: 14px;padding-top: 3px;}
    .ins-box-p p{font-size: 12px;margin-top: 0;}
    .ins-box-more{display: none;}
    .ins-box-p{width: 70%;}
    .in-small{margin-top: 10px;}

    .about-title h3{font-size: 16px;}
   /* .inner-banner{height: 200px;background-size: 230% auto!important;}*/
    .inner-banner-p{padding-top: 68px;}
    .inner-banner-p h3{font-size: 24px;}
    .inner-banner-p p{font-size: 14px;line-height: 24px;margin-top: 6px;}
    .about{padding: 20px 0 50px;}
    .inner-nav{display: none;}
    .inner-link a{line-height: 36px;}
    .about-title img{width: 60%;}
    .inner-p{font-size: 12px;line-height: 24px;}

    .about-develop{padding-top: 10px;}
    .ade-title{float: none;text-align: left;padding-top: 20px;padding-bottom: 16px;}
    .ade-con{width: 98%;float: none;margin-top: 20px;}
    .ade-title h3{font-size: 24px;}
    .ade-title p{font-size: 16px;}
    .ade-list{margin-top: 12px;}
    .ade-box{width: 95%;padding: 14px 0 24px;}
    .ade-box h4{font-size: 16px;padding: 0 20px;line-height: 26px;}
    .ade-box p{font-size: 14px;line-height: 20px;padding: 0 20px;margin-top: 4px;}
    .ade-arrow{top: 26px;}
    .ade-point{top: 26px;}

    .about-honor{padding-top: 10px;}
    .ah-box p{font-size: 12px;padding-top: 10px;}
    .ah-box{width: 48%;margin-left: 4%;}
    .about-honor-content .ah-box:nth-child(4n+1){margin-left: 4%;}
    .about-honor-content .ah-box:nth-child(2n+1){margin-left: 0;}

    .product{padding-top: 10px;min-height: 360px;}
	
    .product-box{width: 48%;margin-left: 4%;}
    .product-content .product-box:nth-child(4n+1){margin-left: 4%;}
    .product-content .product-box:nth-child(2n+1){margin-left: 0;}
    .product-box p{font-size: 12px;}

    .page a{padding: 8px 10px;}

    .app-box{width: 47.2%;margin-left: 3%;height: 180px;}
    .app-box-icon{margin-top: 16px;}
    .application-content .app-box:nth-child(4n+1) {margin-left: 3%;}
    .application-content .app-box:nth-child(2n+1) {margin-left: 0;}
    .app-box h4{font-size: 16px;}
    .app-box p{font-size: 12px;line-height: 18px;}


    .news-box-more{display: none;}
    .news-box{padding: 16px 0;}
    .news-box-img{width: 42%;}
    .news-box-con{width: 53%;}
    .news-box-title{font-size: 16px;}
    .news-box-date{font-size: 12px;margin-top: 2px;}
    .news-box-p{font-size: 12px;line-height: 20px;height: 40px;margin-top: 6px;}
	.news-box-pl{font-size: 12px;line-height: 20px;height: 40px;margin-top: 6px;}

    .nd-title-h{font-size: 20px;line-height: 26px;}
    .news-detail-title{padding-bottom: 16px;}
    .news-detail-p{padding: 5px 0;}
    .nd-pn{margin-top: 10px;}
    .nd-pn-title{font-size: 14px;line-height: 40px;width: 70px;}
    .nd-pn-p{font-size: 14px;line-height: 40px;width: 62%;}

    .video-c{width: auto;margin-left: 0;margin-top: 0;top: 10%;left: 10%;right: 10%;bottom: 10%;}


    .support-question{padding-top: 6px;min-height: 400px;}
    .sq-box{margin-top: 16px;}
    .sqb-tip{width: 40px;font-size: 20px;height: 44px;line-height: 44px;}
    .sqb-question{width: 78%;}
    .sqb-question p{font-size: 14px;line-height: 44px;height: 45px;padding: 0 10px}
    .sqb-icon{height: 44px;width: 30px;background-size: 16px 16px;}
    .sq-box.on .sqb-icon{background-size: 16px 16px;}
    .sqb-con{width: 78%;}
    .sqb-con p{font-size: 12px;padding: 13px 10px;line-height: 20px;}


    .support-download .news-box-p{margin-top: 0;}
	.support-download .news-box-pl{margin-top: 0;}
    .download-btn{margin-top: 6px;height: 22px;background-size: 100% 100%;width: 70px;}

    .contact{padding-top: 26px;}
    .contact-map{float: none;width: 100%;}
    .contact-way{float: none;width: 100%;}
    .contact-way-box{padding: 0;margin-top: 20px;}
    .contact-con{border: none;}
    .contact-way-p h3{font-size: 16px;line-height: 28px;}
    .contact-way-p p{font-size: 12px;line-height: 20px;margin-top: 6px;}
    .cw-wx-box p{font-size: 12px;margin-top: 6px;}

    .pd-select{display: none;}
    .pd-img{float: none;width: 99%;}
    .pd-info{float: none;width: 100%;margin-top: 10px;}
    .pd-info-list{margin-top: 2px;}
    .pd-info-title{font-size: 18px;}
    .pd-info-list li{font-size: 12px;line-height: 20px;}
    .pd-bot-type span{min-width: 70px;padding: 0 8px;line-height: 40px;margin-right: 2px;}
    .pd-bot-list{padding: 6px 0;}
    .pdm-list{width: 100%;margin-left: 0;margin-top: 10px;}
    .pdm-input1{font-size: 12px;height: 36px;padding: 0 14px;}
    .pdm-input2{font-size: 12px;height: 36px;padding: 0 14px;width: 80%;}
	.pdm-verf img {height: 36px;}
    .pdm-textarea{margin-top: 10px;}
    .pdm-textarea textarea{font-size: 12px;height: 100px;padding: 8px 14px;line-height: 20px;}
    .pdm-btn{text-align: center;}
    .pdm-btn input{margin: 0 5px;font-size: 12px;width: 100px;height: 36px;}


    .cj-bc{margin-top: 20px;}
    .business-content{margin-top: 30px;}
    .business-c{top: 16%;bottom: 16%;left: 10%;right: 10%;margin-left: 0;margin-top: 0;width: auto;height: auto;}
    .cj-box{width: 85%;padding: 0 7%;height: 162px;}
    .cj-box-title{font-size: 16px;line-height: 26px;padding-top: 16px;}
    .cj-box table{margin-top: 6px;}
    .cj-box-date{margin-top: 10px;}

    .cjb-con{padding: 0 20px;}
    .cjb-con-title{padding-top: 36px;}
    .cjb-con-title p{font-size: 12px;line-height: 22px;}
    .cjb-list h4{font-size: 14px;}
    .cjb-list p{font-size: 12px;line-height: 22px;}

    .login-content{float: none;margin: 80px auto 0;width: 90%;}
    .lb-icon{height: 34px;}
    .login-input1{box-sizing: border-box;width: 100%;}
    .input-focus{box-sizing: border-box;width: 100%;}
    .login-submit input{font-size: 16px;}

    .video-close-btn{position: fixed;top: 0;right: 0;color: #fff;}


    .anim1{opacity: 1;-webkit-transform: none;transform: none;}
    .anim2{opacity: 1;-webkit-transform: none;transform: none;}
    .anim3{opacity: 1;-webkit-transform: none;transform: none;}
    .anim4{opacity: 1;-webkit-transform: none;transform: none;}


}

@media screen and (max-width: 480px){
/*.inner-banner{height: 120px;background-size: 140% auto!important;}*/
.inner-banner{background-size:135% auto; }
.inner-banner img{ min-height:120px;}
}
@media screen and (max-width: 360px){
.inner-banner img{ min-height:100px;}
}